<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link href="css/heder.css" rel="stylesheet" >
	<link href="css/user.css" rel="stylesheet" > 
	<link href="css/flex.css" rel="stylesheet" > 
	<body>
		<div class="header">
			<div class="h">
				
				<a class="logo"></a>
				
			    <div class="header-right">
					
					<a class="logo-btn">登录</a>
					<a class="register-btn">注册</a>
					
					
					<div class="user-wrapper">
						<h1>KAI</h1>
						<div class="user-info">
							<ul>
								<li><a>个人信息</a></li>
								<li><a href="address.html">收货地址</a></li>
								<li><a href="myproduct.html">我的订单</a></li>
							</ul>
							<div class="outlogin">退出</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="cart-wrapper">
						<h1>购物车</h1>
						<div class="cart-info">
							<ul>
								<li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
								<li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
								
							</ul>
							<div class="look">查看商品</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="message-wrapper">
						<h1>消息</h1>
						<div class="message-list">
							<ul>
								<li><a>动态</a></li>
								<li><a>评论</a></li>
								<li><a>私信</a></li>
								<li><a>粉丝</a></li>
								<li><a>喜欢</a></li>
								
								<li><a>通知</a></li>
							</ul>
							
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="add-wrapper">
						<h1>添加良品</h1>
					</div>
					<div class="agreementr">
						资质证件/协议规则
					</div>
			    </div>
			</div>
		</div>
		
		<nav >
			<ul class="flex-row">
				<li><a href="mian.html">首页</a></li>
				<li>
					<h1>商店</h1>
					<div class="nav-goods-list">
						<div class="nav-goods-list-l flex-col-between">
							<ul class="flex-row">
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
							</ul>
						    <div class=><a>查看所有品牌</a>><a>最新到货</a></div>
						</div>
						<div class="nav-goods-list-r ">
							<img src="img/shop_subnav_r.jpg">
							<p>新视线：  2015年7月刊</p>
						</div>
					</div>
					</li>
				<li>
					<h1>杂志</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					
					</li>
				<li>
					<h1>分享</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					</li>
				<li><a>达人</a></li>
				<li><a>有偿咨询</a></li>
			</ul>
			<div class="search flex-row">
				<input type="text" >
				<span></span>
			</div>
		</nav>
		
		
		<div class="mian">
			<div class="jiben flex-col-center">
				<div >基本设置</div>
			</div>
			
			<div class="information-b flex-row">
							<a>个人设置</a>|
							<a>账号安全</a>|
							<a>收货信息</a>|
							<a>我的订单</a>|
							<a>邀请好友
							</a>
			</div>
			
			<div class="touxiang flex-row-between">
				<div class="wjjj">
					<img src="	http://imgs-qn.iliangcang.com/images/default/headImgTmp239.png"/>
					
					<div class="wj flex-col-between">
						<div class="file"></div>
						
						 <p class="note">未选择任何文件仅限jpg、gif、png图片文件，小于2M</p>

						   <div>
							  <div class="baocunnn"></div>
							  <div class="quxiao"></div>
						  </div>
					   </div>
					
				  </div>
				<div class="tou">
					<img src="http://www.iliangcang.com/images/default/default180.png"/>
					<div class="toutou">
						<img src="http://www.iliangcang.com/images/default/default50.png"/>
						<img src="http://www.iliangcang.com/images/default/default30.png"/>
					</div>
				</div>
				<div class="tou">
					<img src="	http://imgs-qn.iliangcang.com/images/default/defaultMan180.png"/>
					<div class="toutou">
						<img src="http://imgs-qn.iliangcang.com/images/default/defaultMan50.png"/>
						<img src="	http://imgs-qn.iliangcang.com/images/default/defaultMan30.png"/>
					</div>
				</div>
				<div class="tou">
					<img src="http://imgs-qn.iliangcang.com/images/default/defaultWomen180.png"/>
					<div class="toutou">
						<img src="	http://imgs-qn.iliangcang.com/images/default/defaultWomen50.png"/>
						<img src="	http://imgs-qn.iliangcang.com/images/default/defaultWomen30.png"/>
					</div>
				</div>
				
			</div>
		
			<table class="table">
				<tr>
					<td class="diyg">邮箱：</td>
					<td>添加邮箱</td>
				</tr>
				<tr>
					<td class="diyg">手机号：</td>
					<td>13272485826</td>
				</tr>
				<tr>
					<td class="diyg">用户名：</td>
					<td>A11EVEN</td>
				</tr>
				
				<tr>
					<td class="diyg">昵称：</td>
					<td><input  class="wdgz" type="text" />4-15位字符，包含英文、数字和中文</td>
				</tr>
				<tr>
					<td class="diyg">性别：</td>
					<td>
						<select>
							<option>不愿透露</option>
							<option>男</option>
							<option>女</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td class="diyg">生日：</td>
					<td>
						<select>
							<option>年</option>
							<option>2003</option>
							<option>2004</option>
						</select>
						<select>
							<option>月</option>
							<option>6</option>
							<option>9</option>
						</select>
						<select>
							<option>日</option>
							<option>28</option>
							<option>21</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="diyg">所在地：</td>
					<td>
						<select>
							<option>所在省份</option>
							<option>2003</option>
							<option>2004</option>
						</select>
						<select>
							<option>所在城市</option>
							<option>6</option>
							<option>9</option>
						</select>
						
					</td>
				</tr>
				
				<tr>
					<td class="diyg">我的工作：</td>
					<td><input class="wdgz" type="text" /></td>
				</tr>
				
				<tr>
					<td class="diyg">个人描述：</td>
					<td><textarea class="textarea"></textarea></td>
				</tr>
				
				
				<tr>
					<td class="diyg"></td>
					<td><div class="bbbb">保存</div></td>
				</tr>
				
			</table>
		
		</div>
		
		
		
		<div class="LoginAlert">
			
		</div>
		<div class="plogin">
			<div class="flex-row-between">
				登录良仓
				<span class="cha"></span>
			</div>
			
			<div class="plogin-b flex-row-between">
				<div class="plogin-b-l">
					<input type="text" class="inputname" placeholder="请输入用户名">
					<input type="password" class="inputpassword" placeholder="请输入密码"/>
					
					<div class="flex-row-between align-center">
						<div class="loginBnt">登录良仓</div>
						
						<div><a href="registered.html">注册良仓</a></div>
					</div>
				</div>
				<div class="plogin-b-r">
					<div>
						<p>第三方登录：</p>
						
						<div class="icon flex-row-between">
							<span><img src="img/QQ.png"/></span>
							<span><img src="img/微信.png"/></span>
							<span><img src="img/新浪微博.png"/></span>
							<span><img src="img/苹果.png"/></span>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<hr>
		
		<div class="end">
			<div class="shouz flex-row">
				<span></span>
				<a>良品商店</a>/
				<a>OUR SHOP</a>
			</div>
			
			<div>
				<ul class="flex-row-between" >
					<li class="flex-row align-center">
						<div class="f"></div>
						<div>
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div class="s"></div>
						<div>
							<p>正品保障</p>
							<p>Authenticity Guaranteed</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div  class="t"></div>
						<div>
							<p>全场包邮</p>
							<p>Free Delivery</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div  class="l"></div>
						<div>
							<p>客服邮箱</p>
							<p>kefu@iliangcang.com</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<footer>
			<div class="footer-info flex-col-around">
				<div class="flex-row-between flex-row-col-center">
					<div class="footer-info-l flex-row">
						<div></div>
						<div>
							<p>iPhone Android</p>
							<p>客户端下载</p>
						</div>
					</div>
					
					<div class="footer-info-r flex-row-between">
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
				
				
				<ul>
					<li>关于良仓|关于良仓|关于良仓|关于良仓|关于良仓|</li>
					<li>© 2013-2019 北京良仓文化传播有限公司版权所有 </li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					<li>  公司地址：北京朝阳区百子湾路32号6号楼1层60号.</li>
					<li>  社会信用统一代码：91110105059231575L  食品许可证：JY11105160159557  </li>
					<li>  图书证名称：中华人民共和国出版物经营许可证  图书证编号：新出发京零 字第 朝 150051 号</li>
				</ul>
				
			</div>
		</footer>
	
	</body>
</html>
<script src="js/ajax.js"></script>
<script src="js/nav.js"></script>